<script setup lang="ts">
let data1 = [
  {
    a: '导航1',
    b: '1',
    c: 'Document'
  },
  {
    a: '导航2',
    b: '2',
    c: 'Document'
  },
  {
    a: '导航3',
    b: '3',
    c: 'Document',
    d: [
      {
        a: '导航3-1',
        b: '3-1',
        c: 'Document'
      },
      {
        a: '导航3-2',
        b: '3-2',
        c: 'Document'
      }
    ]
  }
]
</script>

<template>
  <div>
    <m-menu
      :data="data1"
      defaultActive="1"
      active-text-color="red"
      name="a"
      index="b"
      icon="c"
      children="d"
      style="width: 200px"
    ></m-menu>
  </div>
</template>

<style lang="scss" scoped></style>
